import React, { useContext } from 'react'
import { ColorContext,UPDATE_COLOR } from './color'

function Buttons() {
    const {dispatch} = useContext(ColorContext)
    return (
        <div>
            <button onClick={()=>{dispatch({type:UPDATE_COLOR,color:"red"})}}>红色</button>
            <button onClick={() => { dispatch({ type: UPDATE_COLOR, color: "yellow" })}}>黄色</button>
        </div>
    )
}

export default Buttons